<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="sencha-touch-1.0.1a/resources/css/sencha-touch.css" type="text/css">
	<script type="text/javascript" src="sencha-touch-1.0.1a/sencha-touch-debug-w-comments.js"></script>
	<link rel="stylesheet" type="text/css" href="index.css" />
	<script type="text/javascript" src="../data/candidates/janedoe/profile.js"></script>
	<script type="text/javascript" src="../common/utilities.js"></script>
	<script type="text/javascript" src="../common/models.js"></script>
	<script type="text/javascript" src="../common/ResumeDocument.js"></script>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
	<textarea id="template-resume-document" class="x-hidden-display">
		<tpl for=".">
			<div class="sid-resume-document">
				<h1>{givenName} {surname}</h1>
				<address>
					<tpl for="postalAddress">
						<div class="postal">
							{street}
							<br/>
							{suite}
							<br/>
							{city}, {state} {code}
						</div>
					</tpl>
					<div class="email">
						<a href="mailto:{emailAddress}?subject=R&eacute;sum&eacute;.">{emailAddress}</a>
					</div>
					<tpl for="telephoneNumber">
						<div class="phone">
							{areaCode}-{exchange}-{subscriber}
						</div>
					</tpl>
				</address>
				<div class="skills">
					<h2>Skills</h2>
					<div class="section">
						<h3>Materials</h3>
						<p class="description">
							Languages, frameworks, <acronym title="application programming interface">API</acronym>s.
						</p>
						<ul>
							<tpl for="skills.group('types',['language','framework', 'API'])">
								<li>{[values.names.shortest()]}</li>
							</tpl>
						</ul>
					</div>
					<div class="section">
						<h3>Tools</h3>
						<p class="description">
							Force multipliers.
						</p>
						<ul>
							<tpl for="skills.group('types','tool')">
								<li>{[values.names.shortest()]}</li>
							</tpl>
						</ul>
					</div>
					<div class="section">
						<h3>Platforms</h3>
						<p class="description">
							Product deployment.
						</p>
						<ul>
							<tpl for="skills.group('types','platform')">
								<li>{[values.names.shortest()]}</li>
							</tpl>
						</ul>
					</div>
				</div>
				<div class="experience">
					<h2>Experience</h2>
					<tpl for="experience">
						<div class="section">
							<tpl for="employer">
								<h3>{name}</h3>
								<p class="description">
									{description}
								</p>
							</tpl>
							<dl>
								<dt class="title">Title</dt>
								<dd class="title">{title}</dd>
								<tpl for="beginning">
									<dt class="beginning">From</dt>
									<dd class="beginning date">{[values.month < 10 ? 0 : ""]}{month}/{year}</dd>
								</tpl>
								<dt class="ending">Until</dt>
								<tpl if="ending">
									<tpl for="ending">
										<dd class="ending date">{[values.month < 10 ? 0 : ""]}{month}/{year}</dd>
									</tpl>
								</tpl>
								<tpl if="!ending">
									<dd class="ending">present</dd>
								</tpl>
							</dl>
							<ul class="responsibilities">
								<tpl for="responsibilities">
									<li>{description}</li>
								</tpl>
							</ul>
						</div>
					</tpl>
				</div>
				<div class="education">
					<h2>Education</h2>
					<tpl for="education">
						<div class="section">
							<tpl for="institution">
								<h3>{name}</h3>
							</tpl>
							<ul class="accomplishments">
								<tpl for="accomplishments">
									<li>{description}</li>
								</tpl>
							</ul>
						</div>
					</tpl>
				</div>
				<div class="references">
					<h2>References</h2>
					<tpl for="references">
						<div class="section">
							<h3>{givenName} {surname}</h3>
							<p class="description">
								{description}
							</p>
							<dl>
								<dt class="email">Email</dt>
								<dd class="email"><a href="mailto:{emailAddress}">{emailAddress}</a></dd>
								<dt class="phone">Phone</dt>
								<dd class="phone">
									<tpl for="telephoneNumber">
										{areaCode}-{exchange}-{subscriber}
									</tpl>
								</dd>
							</dl>
						</div>
					</tpl>
				</div>
			</div>
		</tpl>
	</textarea>
</body>
</html>
